<!DOCTYPE html>
<html>
    <head>
    	<link rel="stylesheet" href="themes/twilight/swt.css">
    	<link rel="stylesheet/less" type="text/css" href="themes/twilight/lib/bootstrap.less">
		<link rel="stylesheet/less" type="text/css" href="themes/twilight/lib/forms.less">
		<link rel="stylesheet/less" type="text/css" href="themes/twilight/lib/mixins.less">
		<link rel="stylesheet/less" type="text/css" href="themes/twilight/lib/patterns.less">
		<link rel="stylesheet/less" type="text/css" href="themes/twilight/lib/reset.less">
		<link rel="stylesheet/less" type="text/css" href="themes/twilight/lib/scaffolding.less">
		<link rel="stylesheet/less" type="text/css" href="themes/twilight/lib/tables.less">
		<link rel="stylesheet/less" type="text/css" href="themes/twilight/lib/type.less">
		<link rel="stylesheet/less" type="text/css" href="themes/twilight/lib/variables.less">
    	
        <title>Albany</title>
        <script type="text/javascript" src="jslibs/underscore/underscore.js"></script>
        <script type="text/javascript" src="jslibs/backbone/backbone.js"></script>
        <!-- <script type="text/javascript" src="jslibs/jquery/jquery-1.6.2.js"></script>-->
        <!-- data-main attribute tells require.js to load
             scripts/main.js after require.js loads. -->
        <script data-main="scripts/swt" src="scripts/require.js"></script>
        <script type="text/javascript" src="jslibs/lesscss/less-1.1.4.js"></script>
        <script type="text/javascript" charset="utf-8">
    		less.env = "development";
    		less.watch();
		</script>
		<style type="text/css">
			#navigation {
			}
		</style>
    </head>
    <body>
        <div id="navigation">
		  <div class="topbar-wrapper" style="z-index: 5;">
		    <div class="topbar" data-dropdown="dropdown" >
		      <div class="topbar-inner">
		        <div class="container">
		          <h3><a href="#">Quad Albany</a></h3>
		          <ul class="nav">
		            <li class="active"><a href="#">Home</a></li>
		            <li><a href="#">Link</a></li>
		            <li><a href="#">Link</a></li>
		            <li><a href="#">Link</a></li>
		            <li class="dropdown">
		              <a href="#" class="dropdown-toggle">Dropdown</a>
		              <ul class="dropdown-menu">
		                <li><a href="#">Secondary link</a></li>
		                <li><a href="#">Something else here</a></li>
		                <li class="divider"></li>
		                <li><a href="#">Another link</a></li>
		              </ul>
		            </li>
		          </ul>
		          <form class="pull-left" action="">
		            <input type="text" placeholder="Search" />
		          </form>
		          <ul class="nav secondary-nav">
		            <li class="dropdown">
		              <a href="#" class="dropdown-toggle">Dropdown</a>
		              <ul class="dropdown-menu">
		                <li><a href="#">Secondary link</a></li>
		                <li><a href="#">Something else here</a></li>
		                <li class="divider"></li>
		                <li><a href="#">Another link</a></li>
		              </ul>
		            </li>
		          </ul>
		        </div>
		      </div><!-- /topbar-inner -->
		    </div><!-- /topbar -->
		  </div><!-- /topbar-wrapper -->
		  </div>
    </body>
</html>